<template>
    <div>

        <p> 姓名：<span>{{ props.renderRow.name }}</span></p>
        <p> 银行名称：<span>{{ props.renderRow.card_name }}</span></p>
        <p> 银行卡号：<span>{{ props.renderRow.card_number }}</span></p>
        <p> 开户行：<span>{{ props.renderRow.bank }}</span></p>

    </div>
</template>
<script setup lang="ts">
import {TableColumnCtx} from 'element-plus'

interface Props {
    renderValue: any // 单元格值
    renderRow: TableRow // 当前行数据
    renderField: TableColumn // 当前列数据
    renderColumn: TableColumnCtx<TableRow> // 当前列上下文数据
    renderIndex: number // 当前行号
}

const props = defineProps<Props>()


</script>
<style scoped lang="scss">
span {
    color: #ff4040;
    font-weight: bold;
}
</style>
